@import './variables';

body {
  font-family: $x-default-font-family;
  font-size: $x-default-font-size;
  width: 100vw;
  height: 100vh;
  margin: 0;
  padding: 0;
  color: $x-default-font-color;
  background-color: $x-default-bg-color;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

#app {
  width: 100%;
  height: 100%;
}

.el-button--medium {
  padding: 8px 20px;
}
.el-button--text {
  padding-left: 0;
  padding-right: 0;
}
// input::input-placeholder {
//   /* WebKit browsers */
//   color: $x-default-font-color !important;
// }
// input:placeholder {
//   /* Mozilla Firefox 4 to 18 */
//   color: $x-default-font-color !important;
// }
// input::placeholder {
//   /* Mozilla Firefox 19+ */
//   color: $x-default-font-color !important;
// }
// input:input-placeholder {
//   /* Internet Explorer 10+ */
//   color: $x-default-font-color !important;
// }

.el-input__inner {
  // @include set_theme(background-color, $x-default-bg-color);
  // @include set_theme(border-color, $x-base-border-color);
  // @include set_theme(color, $x-default-font-color);
  // &:hover {
  //   @include set_theme(border-color, $x-base-border-color);
  // }
  // &:focus {
  //   @include set_theme(border-color, $x-primary-color);
  // }
}

.el-form-item__label {
  // @include set_theme(color, $x-default-font-color);
}

// .el-input--medium {
//   line-height: 36px;
//   height: 36px;
// }

.el-input--medium .el-input__inner {
  line-height: 32px;
  height: 32px;
}

.el-range-editor--medium.el-input__inner {
  line-height: 32px;
  height: 32px;
}

// * {
//   box-sizing: border-box;
//   margin: 0;
//   padding: 0;
//   outline: none;
// }

// #app .layout-aside .el-menu {
//   overflow: visible;
//   width: 100% !important;
//   height: 100% !important;
//   border: none;

//   // border-radius: 10px;
//   background-color: transparent !important;
// }

// #app .el-menu-item {
//   background-color: transparent !important;
// }

// #app .el-menu-item.is-active {
//   background-color: #409eff !important;
// }

.el-table .cell {
  line-height: 30px !important;
  height: 30px;
}

.h-full {
  height: 100%;
}

.flex-row {
  display: flex;
}

.flex-column {
  display: flex;
  flex-direction: column;
}

.flex-center {
  display: flex;
  align-items: center;
  justify-content: center;
}

.flex-between {
  display: flex;
  justify-content: space-between;
}

.cursor-pointer {
  cursor: pointer;
}

.el-form--inline .el-form-item {
  width: 100%;
}

.el-select {
  width: 100%;
}

.search-btn-content {
  display: flex;
  justify-content: flex-end;
  width: 100%;
}

.el-dialog {
  position: relative;
  left: 0;
  margin: 0 auto;
  margin-top: 6vh !important;
  transform: none;
  border-radius: 3px !important;
}

.el-dialog__header {
  display: flex;
  align-items: center;
  height: 30px;
  margin-right: 0 !important;
  padding: 10px 20px;
  opacity: $x-opacity;
  color: #606266;
  border-bottom: 1px solid #e0e0e0;

  // padding: 0 16px;
  border-radius: 3px 3px 0 0;
  background-color: $x-color-background;

  .el-dialog__headerbtn {
    top: 18px;
    display: flex;
    align-items: center;
  }

  .el-dialog__headerbtn .el-dialog__close {
    font-size: 18px;
    color: #fff;
  }
}

.el-dialog__header .el-dialog__title {
  font-size: 16px;
  font-weight: 500;
  color: #fff;
}

.el-dialog__body {
  font-weight: 500;
  min-height: 80px;
  color: #42464d;
}

.el-dialog.is-fullscreen {
  margin-top: 0 !important;
  .el-dialog__body {
    max-height: 90vh;
  }
}

.el-dialog__footer {
  padding-top: 8px;
}

.el-cascader .el-input {
  line-height: 36px;
  height: 36px;
  cursor: pointer;
}

.el-checkbox__inner {
  width: 16px;
  height: 16px;
}

.el-tree-node {
  // margin-bottom: 6px;
}

.el-checkbox__inner::after {
  left: 6px;
  top: 3px;
}

.wl-transfer .transfer-title {
  h3 {
    margin: 0;
  }
}

//ul li

ul,
li {
  margin: 0;
  padding: 0;
  list-style: none;
}

// 搜索的菜单子菜单样式

.el-menu--popup {
  min-width: 0;

  .el-menu-item:focus,
  .el-menu-item:hover {
    background-color: rgb(243 243 245) !important;
  }

  // .el-menu-item.is-active {
  //   background-color: $x-item-color-active !important;
  // }

  a {
    display: inline-block;
    padding: 0 5px;
    width: 94%;
  }
  li.el-submenu {
    padding: 0 5px;
  }
  li.el-menu-item {
    line-height: 40px;
    height: 40px;
    margin-bottom: 5px;
    border-radius: 3px;

    &:last-child {
      // margin-bottom: 0;
    }
  }
  .el-submenu__title {
    height: 40px;
    line-height: 40px;
    border-radius: 3px;
    .menu-name {
      display: inline-block;
      max-width: 120px;
      overflow: hidden;
      white-space: nowrap;
      text-overflow: ellipsis;
    }
    &:hover {
      background-color: rgb(243, 243, 245) !important;
    }
  }
}

// 弹框提示样式

.el-message-box {
  position: relative;
  box-sizing: border-box;
  min-height: 186px;
  padding-bottom: 56px;
}

.el-message-box__title {
  font-size: 18px;

  // color: #303133;
  font-weight: 600;
  line-height: 26px;
  margin-bottom: 0;
  padding-left: 0;
  color: #222428;
}

.el-message-box__header {
  position: relative;
  padding: 16px 16px 10px;
}

.el-message-box__status + .el-message-box__message {
  font-family: 'PingFang SC-Regular', 'PingFang SC', sans-serif;

  // padding-left: 36px;
  // padding-right: 12px;

  font-size: 15px;
  font-weight: normal;
  line-height: 18px;
  color: #424242;
}

.el-message-box__btns {
  position: absolute;
  right: 0;
  bottom: 16px;
  padding: 5px 16px 0;
  text-align: right;
}

//默认白底按钮

.el-button--default {
  color: #424242;
  border-color: #c2c2c2;
  background-color: #fff;
}

.el-button--default:focus,
.el-button--default:hover {
  color: #424242;
  border-color: #9e9e9e;
  background: #fff;
}

.el-button--default:active {
  color: #424242;
  border-color: #9e9e9e;
  outline: 0;
  background-color: #f5f5f5;
}

// 按钮

.el-button--primary {
  color: #fff;
  border-color: #4474f6;
  background-color: #4474f6;
}

.el-button--primary:focus,
.el-button--primary:hover {
  color: #fff;
  border-color: #3f69db;
  background: #3f69db;
}

.el-button--primary:active {
  color: #fff;
  border-color: #1f4bc2;
  outline: 0;
}

.el-button--small.is-round {
  padding: 7px 15px;
}
.el-button.is-round {
  border-radius: 15px;
}
.el-button--primary.is-plain {
  color: #4474f6;
  background: #ecf5ff;
  border-color: #b3d8ff;
}
.el-button--primary.is-plain:focus,
.el-button--primary.is-plain:hover {
  border-color: #3f69db;
  background: #3f69db;
  color: #fff;
  outline: 0;
}
.el-button [class*='el-icon-'] + span {
  margin-left: 0px;
}
//页面样式

// // 表格重置

.el-table--border .el-table__cell,
.el-table__body-wrapper .el-table--border.is-scrolling-left ~ .el-table__fixed {
  border-right-color: transparent;
}
.el-table th.el-table__cell {
  font-weight: 600;
  color: #687182;
  background: #ededed !important;
}
.el-table__expand-icon {
  height: 30px;
  line-height: 30px;
}
.el-table--border,
.el-table--group {
  border-color: transparent;
}
//调整表头高度

.el-table {
  .el-table__header tr,
  .el-table__header th {
    height: 36px;
    padding: 0;
  }

  .el-table__body tr,
  .el-table__body td {
    height: 42px;
    padding: 0;
  }

  .el-table__body-wrapper {
    height: calc(100% - 36px) !important; // 表格高度减去表头的高度
  }
}

.el-table--border::after,
.el-table--group::after {
  background-color: transparent;
}

// .el-table__header tr,
// .el-table__header th {
//   font-size: 14px;
//   height: 36px;
// }

// //调整表格高度

// .el-table__body tr,
// .el-table__body td {
//   font-size: 14px;
//   height: 42px;
//   padding: 0;
// }

.x-page-col {
  display: flex;
  overflow: hidden;

  // flex-direction: column;
  flex-direction: row;
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
}

.x-left {
  // flex:2;
  display: flex;
  overflow: hidden;
  flex-direction: column;
  width: 220px;
  height: 100%;
  margin: 0 10px 0 0;
  // padding: 16px;
  background-color: #fff;
}

.x-right {
  // flex:5;
  display: flex;
  overflow: hidden;
  flex-direction: column;
  width: calc(100% - 220px);
  height: 100%;
  margin: 0;
  padding: 0;
}

// 表单

.el-form--label-top .el-form-item__label {
  font-size: 14px;
  line-height: 16px;
  display: inline-block;
  float: none;
  padding: 0 0 8px;
  text-align: left;
  color: #707683;
}

//输入框样式

.el-input__inner,
.el-input-number {
  font-size: 14px;
  font-weight: normal;
  line-height: 32px;
  height: 32px;
  color: #424242;
}
.el-input__inner,
.el-input-number {
  line-height: 30px;
}

.el-input.is-active .el-input__inner,
.el-input__inner:focus {
  border-color: #9e9e9e;
  outline: 0;
}

//表单

.el-form-item {
  margin-bottom: 22px;
}

.el-form-item.is-error.is-required.el-form-item--medium {
  // margin-bottom: 22px;
}

.el-textarea.el-input--medium {
  height: auto;
}
// 详情样式
.title-style {
  color: #707683;
  font-size: 14px;
}
.content-style {
  padding-bottom: 20px;
  color: #333;
  font-size: 14px;
}
